<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>所有文章 - 我的博客</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <!-- 导航栏复用index.html -->
  <header class="navbar">...</header>

  <main class="container">
    <h1 class="text-center mb-3">所有博客文章</h1>
    
    <!-- 文章列表 -->
    <div class="article-list">
      <article class="article-card">
        <h3 class="article-title">CSS变量实战技巧</h3>
        <div class="article-meta">2023年9月28日 · 前端开发</div>
      </article>
      
      <article class="article-card">
        <h3 class="article-title">响应式设计最佳实践</h3>
        <div class="article-meta">2023年9月15日 · UI设计</div>
      </article>
      
      <!-- 更多文章... -->
    </div>
  </main>

  <footer class="text-center mb-3">...</footer>
</body>
</html>